<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册页</title>
</head>
<body>
    <div class="col-md-6">
        <div class="form-group">
            <label class="col-sm-3 control-label">用户名：</label>
            <div class="col-sm-9">
                <input type="text" name="" class="form-control" placeholder="请输入用户名">
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-3 control-label">密码：</label>
            <div class="col-sm-9">
                <input type="text" name="" class="form-control" placeholder="请输入密码">
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-3 control-label">邮箱：</label>
            <div class="col-sm-9">
                <input type="text" name="" class="form-control" placeholder="请输入邮箱">
            </div>
        </div>
    </div>
    <div class="col-md-6">
        <div class="form-group">
            <label class="col-sm-3 control-label">登录昵称：</label>
            <div class="col-sm-9">
                <input type="text" name="" class="form-control" placeholder="请输入登录昵称">
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-3 control-label">确认密码：</label>
            <div class="col-sm-9">
                <input type="text" name="" class="form-control" placeholder="请输入确认密码">
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-3 control-label">性别：</label>
            <div class="col-sm-9">
                <label class="radio-box">
                    <div class="iradio-blue checked">
                        <input type="radio" checked="" value="option1" id="optionsRadios1" name="optionsRadios" style="position: absolute; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins>

                    </div>男</label>
                <label class="radio-box">
                    <div class="iradio-blue">
                        <input type="radio" value="option2" id="optionsRadios2" name="optionsRadios" style="position: absolute; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins>

                    </div>女</label>
            </div>
        </div>

        <div class="form-group">
            <label class="font-noraml">简单示例</label>
            <div class="file-input theme-fas file-input-ajax-new"><div class="file-preview">
                <button type="button" class="close fileinput-remove" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>    <div class=" file-drop-zone"><div class="file-drop-zone-title">拖拽文件到这里 …<br>支持多文件同时上传</div>
                <div class="file-preview-thumbnails"></div>
                <div class="clearfix"></div>    <div class="file-preview-status text-center text-success"></div>
                <div class="kv-fileinput-error file-error-message" style="display: none;"></div>
            </div>
            </div>
                <div class="kv-upload-progress kv-hidden" style="display: none;"><div class="progress">
                    <div class="progress-bar bg-success progress-bar-success progress-bar-striped active" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width:0%;">
                        0%
                    </div>
                </div></div><div class="clearfix"></div>
                <div class="input-group file-caption-main">
                    <div class="file-caption form-control  kv-fileinput-caption" tabindex="500">
                        <span class="file-caption-icon"><i class="glyphicon glyphicon-file"></i></span>
                        <input class="file-caption-name" onkeydown="return false;" onpaste="return false;" placeholder="选择 个文件..." title="">
                    </div>
                    <div class="input-group-btn input-group-append">
                        <button type="button" tabindex="500" title="清除选中文件" class="btn btn-default btn-secondary fileinput-remove fileinput-remove-button"><i class="glyphicon glyphicon-trash"></i>  <span class="hidden-xs">移除</span></button>
                        <button type="button" tabindex="500" title="取消进行中的上传" class="btn btn-default btn-secondary kv-hidden fileinput-cancel fileinput-cancel-button"><i class="glyphicon glyphicon-ban-circle"></i>  <span class="hidden-xs">取消</span></button>

                        <button type="submit" tabindex="500" title="上传选中文件" class="btn btn-default btn-secondary fileinput-upload fileinput-upload-button"><i class="glyphicon glyphicon-upload"></i>  <span class="hidden-xs">上传</span></button>
                        <div tabindex="500" class="btn btn-primary btn-file"><i class="glyphicon glyphicon-folder-open"></i>&nbsp;  <span class="hidden-xs">选择 …</span><input class="file" type="file" multiple="" data-min-file-count="1" data-theme="fas" id="1578040951683_23"></div>
                    </div>
                </div></div>
        </div>
    </div>
</body>
</html>